<template>
     <div id="box">
    		<div class="zichan_top">
    		<span><img src="../assets/img/return-jt.png"></span>
    		<p>选择提货方式</p>
    		<span></span>
    		</div>
    		<div class="xuanze">
    			 <dl v-for = "itms in itme">
    			<dt><img :src="itms.url"></dt>
    			<dd><p>{{itms.text}}</p><span>{{itms.text1}}</span></dd>
    			</dl>
    			<ul>
    				<li v-for ="lests in lest">{{lests.text}}</li>
    			</ul>
    			<button>{{text}}</button>
    		</div>
    		<div class="xuanze">
    		<dl v-for = "dls in dl">
    		<dt><img src="../assets/img/3-8shiwutihuo_07.png"></dt>
    		<dd><p>到店自提——安全放心</p><span>全国百家实体店/银行可提货</span></dd>
    		</dl>
    		<ul>
    			<li v-for ="lis in li">{{lis.text}}</li>
    		</ul>
    		<button>{{text1}}</button>
    		</div>
    </div>
</template>

<script>
 
export default {
  name: 'box',
  data () {
    return{
     itme:[
     {
     	url:"../../static/img/3-8shiwutihuo_03.png",text:"到店自提——安全放心",
     	text1:"全国百家实体店/银行可提货",
     }
     ],
     lest:[
     	{text:"1.定期合同不能提前提货。到期后如拆分提贷，剩余克重自动转入不定期账户，金息按不定期金息计算；"},
     	{text:"2.上线支付手续费，线下直接提取，不限克重；"},
     	{text:"3.请携带本人身份证原件与手机到店自提;"} ,
     	{text:"4.请确认以后第三天至第七天到店提贷，逾期清提前三个工作日电话预约提贷。"}
     ],
     text:"实体店/银行自提",
     dl:[
     	{url:"../../static/img/3-8shiwutihuo_07.png",text:"到店自提——安全放心",
     	text1:"全国百家实体店/银行可提货",}
     ],
     li:[
     {text:"1.定期合同不能提前提货。到期后如拆分提贷，剩余克重自动转入不定期账户，金息按不定期金息计算；"},
     {text:"2.上线支付手续费，线下直接提取，不限克重；"},
     {text:"3.请携带本人身份证原件与手机到店自提；"},
  		{text:
  		"4.请确认以后第三天至第七天到店提贷，逾期清提前三个工作日电话预约提贷。"}
    ],
    text1:"邮寄提货"

  		 }
    }
  }
  
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/3-8shiwutihuo.less";
   @import ".././assets/css/reset.css";
</style>